{extend name="layouts/base"}
{block name="header"}
    <link rel="stylesheet" href="__STATIC__/pc/css/base.css">
    <script src="__STATIC__/pc/js/html5.js"></script>
    <script src="__STATIC__/pc/js/jquery.js"></script>
    <script src="__STATIC__/pc/js/common.js"></script>
    <script src="__STATIC__/pc/js/jquery.slideBox.min.js"></script>
    <link rel="stylesheet" href="__STATIC__/pc/css/index.css">
    <link rel="stylesheet" href="__STATIC__/pc/css/jquery.slideBox.css">
{/block}

{block name="main"}
<!--banner -->
<div class="banner-box">
    <ul class="bd">
        <?php
            foreach ($banner as $k => $v) {
        ?>
            <li>
                <a href="{$v['link']}"  target="" style="background-image:url({$v['img']})" title="头图">
                </a>
            </li>
        <?php
        }
        ?>

    </ul>
    <div class="w">
        <ul class="hd"></ul>
    </div>
</div>

<!-- main -->
<div class="main">
    <div class="w">
        <!-- 工商注册 -->
        <section class="layer" data-sign="1">
            <div class="con-hd">
                <h3>{$qk[0]['name']}</h3>
            </div>
            <div class="con clear">
                <div class="fl con-l">
                    <a href="{$qk[0]['areaitems'][0]['link']}"  target="_blank" title="{$qk[0]['areaitems'][0]['name']}">
                        <div class="info">
                            <h2>{$qk[0]['areaitems'][0]['name']}</h2>
                            <p>{$qk[0]['areaitems'][0]['intro']}</p>
                        </div>
                        <img class="bg-img" src="{$qk[0]['areaitems'][0]['image']}" alt="">
                    </a>
                </div>
                <div class="fl con-r">
                    <ul class="con-list clear">
                        <?php
                               foreach($qk[0]['areaitems'] as $kk => $vv){
                                    if($kk == 0){
                                            continue;
                                    }
                         ?>
                             <li class="fl item-50">
                                <a href="{$vv['link']}"  target="_blank" title="{$vv['name']}">
                                    <h3 class="tit-lg">{$vv['name']}</h3>
                                    <img class="bg-img" src="{$vv['image']}" alt="">
                                </a>
                            </li>
                        <?php
                               }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 财税记账 -->
        <section class="layer" data-sign="2">
            <div class="con-hd">
                <h3>{$qk[1]['name']}</h3>
            </div>
            <div class="con clear">
                <div class="fl con-l">
                    <a href="{$qk[1]['areaitems'][0]['link']}"  target="_blank" title="{$qk[1]['areaitems'][1]['name']}">
                        <div class="info">
                            <h2>{$qk[1]['areaitems'][0]['name']}</h2>
                            <p>{$qk[1]['areaitems'][0]['intro']}</p>
                        </div>
                        <img class="bg-img" src="{$qk[1]['areaitems'][0]['image']}" alt="">
                    </a>
                </div>
                <div class="fl con-r">
                    <ul class="con-list clear">
                        <?php
                               foreach($qk[1]['areaitems'] as $kk => $vv){
                                    if($kk == 0){
                                    continue;
                                    }
                        ?>
                                <li class="fl item-<?php if($kk == 5 || $kk == 6){
                                        echo '50';
                                } else {
                                         echo '25';
                                }?>">
                                        <a href="{$vv['link']}"  target="_blank" title="{$vv['name']}">
                                            <h3 class="tit-sm">{$vv['name']}</h3>
                                            <img class="bg-img" src="{$vv['image']}" alt="{$vv['name']}">
                                        </a>
                                </li>
                        <?php
                            }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 知识产权 -->
        <section class="layer" data-sign="3">
            <div class="con-hd">
                <h3>{$qk[2]['name']}</h3>
            </div>
            <div class="con clear">
                <div class="fl con-l">
                    <a href="{$qk[2]['areaitems'][0]['link']}"  target="_blank" title="{$qk[2]['areaitems'][0]['name']}">
                        <div class="info">
                            <h2>{$qk[2]['areaitems'][0]['name']}</h2>
                            <p>{$qk[2]['areaitems'][0]['intro']}</p>
                        </div>
                        <img class="bg-img" src="{$qk[2]['areaitems'][0]['image']}" alt="{$qk[2]['areaitems'][0]['name']}">
                    </a>
                </div>
                <div class="fl con-r">
                    <ul class="con-list clear">
                        <?php
                               foreach($qk[2]['areaitems'] as $kk => $vv){
                                    if($kk == 0){
                                    continue;
                                    }
                        ?>
                                <li class="fl item-33">
                            <a href="{$vv['link']}"  target="_blank" title="{$vv['name']}">
                                <h3 class="tit-md">{$vv['name']}</h3>
                                <img class="bg-img" src="{$vv['image']}">
                            </a>
                        </li>
                        <?php
                            }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 高新资质 -->
        <section class="layer" data-sign="4" style="display: none;">
            <div class="con-hd">
                <h3>{$qk[3]['name']}</h3>
            </div>
            <div class="con clear">
                <div class="fl con-l">
                    <a href="{$qk[3]['areaitems'][0]['link']}"  target="_blank" title="{$qk[3]['areaitems'][0]['name']}">
                        <div class="info">
                            <h2>{$qk[3]['areaitems'][0]['name']}</h2>
                            <p>{$qk[3]['areaitems'][0]['intro']}</p>
                        </div>
                        <img class="bg-img" src="{$qk[3]['areaitems'][0]['image']}" alt="高新企业认证">
                    </a>
                </div>
                <div class="fl con-r">
                    <ul class="con-list clear">
                        <?php
                               foreach($qk[3]['areaitems'] as $kk => $vv){
                                    if($kk == 0){
                                    continue;
                                    }
                        ?>
                                    <li class="fl item-20">
                            <a href="{$vv['link']}"  target="_blank" title="{$vv['name']}">
                                <h3 class="tit-sm">{$vv['name']}</h3>
                                <img class="bg-img" src="{$vv['image']}" alt="{$vv['name']}">
                            </a>
                        </li>
                        <?php
                            }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 税收筹划 -->
        <section class="layer" data-sign="5">
            <div class="con-hd">
                <h3>{$qk[4]['name']}</h3>
            </div>
            <div class="con clear">
                <div class="fl con-l">
                    <a href="{$qk[4]['areaitems'][0]['link']}"  target="_blank" title="{$qk[4]['areaitems'][0]['name']}">
                        <div class="info">
                            <h2>{$qk[4]['areaitems'][0]['name']}</h2>
                            <p>{$qk[4]['areaitems'][0]['intro']}</p>
                        </div>
                        <img class="bg-img" src="{$qk[4]['areaitems'][0]['image']}" alt="{$qk[4]['areaitems'][0]['name']}">
                    </a>
                </div>
                <div class="fl con-r">
                    <ul class="con-list clear">
                        <?php
                               foreach($qk[4]['areaitems'] as $kk => $vv){
                                    if($kk == 0){
                                    continue;
                                    }
                        ?>
                            <li class="fl item-<?php
                                    if($kk ==3){
                                        echo 100;
                                    } else {
                                        echo 50;
                                    }
                            ?>">
                            <a href="{$vv['link']}"  target="_blank" title="{$vv['name']}">
                                <h3 class="tit-lg">{$vv['name']}</h3>
                                <img class="bg-img" src="{$vv['image']}" alt="{$vv['name']}">
                            </a>
                        </li>
                        <?php
                        }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 社保人事 -->
        <section class="layer" data-sign="6">
            <div class="con-hd">
                <h3>{$qk[5]['name']}</h3>
            </div>
            <div class="con clear">
                <div class="fl con-l">
                    <a href="{$qk[5]['areaitems'][0]['link']}"  target="_blank" title="{$qk[5]['areaitems'][0]['name']}">
                        <div class="info">
                            <h2>{$qk[5]['areaitems'][0]['name']}</h2>
                            <p>{$qk[5]['areaitems'][0]['intro']}</p>
                        </div>
                        <img class="bg-img" src="{$qk[5]['areaitems'][0]['image']}" alt="{$qk[5]['areaitems'][0]['name']}">
                    </a>
                </div>
                <div class="fl con-r">
                    <ul class="con-list clear">
                        <?php
                               foreach($qk[5]['areaitems'] as $kk => $vv){
                                    if($kk == 0){
                                    continue;
                                    }
                        ?>
                        <li class="fl item-33">
                            <a href="{$vv['link']}"  target="_blank" title="{$vv['name']}">
                                <h3 class="tit-md">{$vv['name']}</h3>
                                <img class="bg-img" src="{$vv['image']}" alt="{$vv['name']}">
                            </a>
                        </li>
                        <?php
                        }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 数据 -->
        <section class="service-data clear" style="background: url({$adv['img']})">

        </section>

        <!-- 介绍 -->

        <!-- 新闻资讯 -->
        <section class="layer article-mod clear" data-sign="8">
            <div class="fl news">

                <div class="con-hd">
                    <h3>执照图片</h3>
                </div>
                <div class="tab">
                    <div id="demo1" class="slideBox" style="width: 440px;height: 470px;">

                        <ul class="items">
                            <?php
                                foreach($zhizhao as $k => $v){
                             ?>
                            <li><a href="javascript:void(0)" title=""><img src="{$v['img']}" style="height: 470px;width: 440px;"></a></li>
                            <?php
                                }
                            ?>
                        </ul>

                    </div>
                </div>
            </div>
            <div class="fr problem">

                <div class="con-hd">
                    <h3>知识问答</h3>
                </div>
                <div class="tab">
                    <div class="hd">
                        <ul class="clear">

                            <?php
                                foreach($qu as $k => $v){
                             ?>
                                    <li class="fl">{$v['name']}</li>
                            <?php
                                }
                            ?>


                        </ul>
                    </div>
                    <div class="bd">
                        <?php foreach($qu as $k => $v){
                        ?>
                            <div class="tab-con">

                            <ul class="problem-list clear">
                                <?php
                                    foreach($v->questionitems as $kk => $vv){
                                ?>
                                    <li class="<?php
                                            if($kk%2 == 0){
                                                echo 'fr';
                                            } else {
                                               echo 'fl';
                                            }
                                    ?>">
                                        <h5 class="tit">
                                            <a href="/index/question/qdesc?id={$vv->id}"  target="_blank">  {$vv->name}</a>
                                        </h5>
                                        <p class="des">{$vv->intro}</p>
                                    </li>
                                <?php
                                }
                                ?>


                            </ul>
                            <div class="more no-padding">
                                <a href="/index/question/qlist" target="_blank"><button class="more-btn" type="button" >查看更多 + </button></a>
                            </div>

                        </div>
                        <?php
                        }
                        ?>
                    </div>
                </div>
            </div>
        </section>


        <!-- 合作伙伴 -->
        <section class="layer friend">
            <div class="con-hd">
                <h3>合作伙伴</h3>
            </div>
            <ul class="clear list">
                <?php foreach($hezuo as $k=>$v){
                ?>
                    <li class="fl">
                        <a href="/" target="_blank" title="合作伙伴">
                            <img src="{$v['img']}" alt="">
                        </a>
                    </li>
                <?php
                }?>
            </ul>
        </section>
    </div>
</div>

{/block}


{block name="privateJs"}
<script type="text/javascript" src="__STATIC__/pc/js/jquery.superslide.2.1.1.js"></script>
<script>
    window.mark = 'home';
    //导航选中
    $('[mark=' + window.mark + ']').addClass('on');

    $(function () {

        //轮播
        $('#demo1').slideBox({

            direction : 'left',//left,top#方向

            duration : 1,//滚动持续时间，单位：秒

            easing : 'linear',//swing,linear//滚动特效

            delay : 5,//滚动延迟时间，单位：秒

            startIndex : 1//初始焦点顺序
        });

        //服务默认展开
        $('.service-menu').addClass('no-hover').find('.menu').show();

        //banner
        $(".banner-box").slide({
            effect: "fold",
            mainCell: '.bd',
            titCell: '.hd',
            trigger: "click",
            delayTime: 500,
            autoPage: true,
            autoPlay: true,
            interTime: 5000
        });

        //客户评价
        $(".elites").slide({
            effect: "leftLoop",
            mainCell: '.bd',
            trigger: "click",
            easing: "easeOutCubic",
            prevCell: '.prev',
            nextCell: '.next',
            delayTime: 500,
        });

        // 新闻资讯 知识问答tab
        $(".tab").slide({
            effect: "left",
            mainCell: '.bd',
            titCell: '.hd li',
            trigger: "click",
            easing: "easeOutCubic",
            delayTime: 500,
        });
    })
</script>
{/block}
